// 第1步：创建一个Info.vue的视图
<template>
  <div>
    hello info component
    <!-- 改成状态的地方 -->
    <button type="button" @click="add()">添加</button>
  </div>
</template>

<script>
// 引入store，@表示src目录
import store from '@/store'
export default {
  name: 'Info',
  // 定义一下store
  store,
  // 定义改变状态的方法
  methods: {
    add () {
      console.log('add Event from Info!')
      // 触发store中的increase方法
      store.commit('increase')
    }
  }
}
</script>
<style scoped>
</style>
